<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="contextPath"
	value="${pageContext.servletContext.contextPath}" />
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Het Cultuurhuis: overzicht</title>
<link rel="stylesheet" href="${contextPath}/styles/default.css" />
</head>
<body>
	<h1>Het Cultuurhuis: voorstellingen</h1> 
	<c:import url="/WEB-INF/JSP/genreMenu.jsp" />
	<h2>${gekozenGenre} voorstellingen</h2>
	<table>
		<tr>
			<th>Datum</th>
			<th>Titel</th>
			<th>Uitvoerders</th>
			<th>Prijs per kaart</th>
			<th>Vrije plaatsen</th>
			<th>Reserveren</th>
		</tr>

		<c:forEach items="${voorstellingen}" var="voorstelling"
			varStatus="status">
			<tr class="${status.count%2 == 0?'even':'oneven'}">
				<td><fmt:formatDate value="${voorstelling.datum}" type="both"
						timeStyle="medium" dateStyle="short" /></td>
				<td>${voorstelling.titel}</td>
				<td>${voorstelling.uitvoerders}</td>
				<td>€<fmt:formatNumber
						value="${voorstelling.prijs}" minFractionDigits="2" /></td>
				<td>${voorstelling.vrijePlaatsen}</td>
				<c:choose>
					<c:when test="${voorstelling.vrijePlaatsen > 0}">
						<c:url value="/detail.htm" var="detailURL">
							<c:param name="voorstellingsNr"
								value="${voorstelling.voorstellingsNr}" />
						</c:url>
						<td><a href="${detailURL}">Reserveren</a></td>
					</c:when>
					<c:otherwise>
						<td></td>
					</c:otherwise>
				</c:choose>
			</tr>
		</c:forEach>
	</table>
</body>
</html>